// 检查结果详情
import { Tabs } from "@taroify/core";
import { View } from "@tarojs/components";
import React, { useState } from "react";
import PageLayout from "@/layout/PageLayout";
import InfoSubmiter from "../../../InfoSubmiter";

const SubmitedPageDetail: React.FC = () => {
  const [value, setValue] = useState<number>(0);

  return (
    <View className="">
      <Tabs value={value} onChange={setValue}>
        <Tabs.TabPane title="检查结果">
          <PageLayout classNames="pt-4">
            <InfoSubmiter />
          </PageLayout>
        </Tabs.TabPane>
        <Tabs.TabPane title="检查详情">
          <PageLayout>
            <View className="">
              <View className="my-2">
                <View className="mb-2 font-semibold">月调度记录</View>
                <View className="">
                  <View className="p-3 bg-white">
                    <View className="mb-1">会议时间:</View>
                    <View className="w-full">2023-12-23</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">会议地点:</View>
                    <View className="w-full">北京市朝阳区</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">参会人员:</View>
                    <View className="w-full">王某某</View>
                  </View>
                </View>
              </View>
              <View className="my-2">
                <View className="mb-2 font-semibold">会议纪要</View>
                <View className="">
                  <View className="p-3 bg-white">
                    <View className="mb-1">主要议题:</View>
                    <View className="w-full">关于XX检查的会议</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">会议基本信息:</View>
                    <View className="w-full">我是会议基本信息内容</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">会议讨论的主要食品安全环节:</View>
                    <View className="w-full">会议讨论的主要食品安全环节</View>
                  </View>
                </View>
              </View>
              <View className="my-2">
                <View className="mb-2 font-semibold">会议主要内容</View>
                <View className="">
                  <View className="p-3 bg-white">
                    <View className="mb-1">本月主要发现了那些风险问题:</View>
                    <View className="w-full">测试数据111</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">采取了那些部署和措施:</View>
                    <View className="w-full">测试数据222</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">建立了哪些长效机制:</View>
                    <View className="w-full">测试数据333</View>
                  </View>
                  <View className="p-3 bg-white">
                    <View className="mb-1">其他会议记录内容:</View>
                    <View className="w-full">测试数据444</View>
                  </View>
                </View>
              </View>
            </View>
          </PageLayout>
        </Tabs.TabPane>
      </Tabs>
    </View>
  );
};

export default SubmitedPageDetail;
